﻿<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

    <meta name="format-detection" content="telephone=no">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <title>案件查询</title>

    <link type="text/css" href="/szgawx/static/plugins/css/common.css" rel="stylesheet"/>
   <script src="/szgawx/static/plugins/js/FormValid.js"></script>

    <style type="text/css">

        .main {

        font-size: 1.6em;

        margin: 8px;

        }

        .main .form {

        height: 50px;

        line-height: 50px;

        border: 1px solid #dddddd;

        width: 100%;

        border-top: 0px;

        }

        .main .boder-top {

        border-top: 1px solid #dddddd

        }

        .border_top_radius {

        border-top-left-radius: 3px;

        border-top-right-radius: 3px;

        }

        .border_bottom_radius {

        border-bottom-left-radius: 3px;

        border-bottom-right-radius: 3px;

        }

        .main .form .label {

        height: 50px;

        line-height: 50px;

        color: #157dfb;

        text-indent: 0.8em;

        float: left;

        width: 110px;

        }

        .main .form .element {

        height: 50px;

        line-height: 50px;

        margin-left: 110px;

        display: block;

        }

        .main .form .element input {

        color: #666;

        font-family: "微软雅黑", serif;

        text-indent: 0.3em;

        border: 0;

        width: 98%;

        font-size: 1.0em;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        }

        .main .btn:active {

        background-color: #3300ff;

        cursor: hand;

        }

        #result {

        min-height: 6em;

        margin: 0 10px;

        line-height: 2;

      /*  height: 2em;*/

        color: #837D7D;

        }

        .main .uptop {

        margin-top: -1.6em;

        }

		.tab_title {

        height: 33px;

        border: 1px solid #157dfb;

        border-radius: 6px;

        background-color: #157dfb;

    }



    .tab_title .tab_item {

        width: 50%;

        display: inline-block;

        float: left;

        text-align: center;

        height: 33px;

        line-height: 33px;

        color: #706C6C;

        font-size: 1.6em;

        cursor: hand;

        background-color: #fff;

    }



    .tab_title .checked {

        background-color: transparent;

        color: #fff;

    }



    .tab_title .tab_left {

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px;

    }



    .tab_title .tab_right {

        border-top-right-radius: 5px;

        border-bottom-right-radius: 5px;

    }

	.title-bar {

        border: none;

		top: 0;

		height: 2.6em;

		line-height: 2.6em;

		text-indent: 0.4em;

		width: 100%;

		font-size: 1.8em;

		font-weight: 500;

		color: #eaeaea;

		background-color: #000000;

		display: -webkit-box;

		z-index: 999;

    }



    .title-bar .title {

        background-color: #17b4eb;

        -webkit-box-flex: 1;

        text-align: center;

        display: block;

    }



    .title-bar .btn-back {

        background-color: #17b4eb;

        border-top-left-radius: 0.7em;

        display: block;

        width: 3.0em;

        border-right: 1px solid rgba(197, 238, 220, 0.67);

    }



    .title-bar .btn-oper {

        border-top-right-radius: 0.7em;

        background-color: #17b4eb;

        display: block;

        width: 3.0em;

        text-align: center;

        width: -webkit-fit-content;

        min-width: 3.0em;

    }
    a {
 	 	text-decoration: none;
	  }

    </style>

</head>

<body>

<div class="main">
<form id="a">
    <div class="form border_top_radius boder-top">

        <span class="label" >身份证号：</span>

        <span class="element"><input id="txt_case" class="no-border" type="text" value="" valid='isIdCard'  errmsg='请输入正确的身份证号' placeholder="请输入身份证号"/></span>

    </div>

    <div class="form border_bottom_radius">

        <span class="label">接警编号：</span>

        <span class="element"><input id="police_case" class="no-border" type="text" value="" valid='isEnglishOrNum' errmsg='请输入正确的接警编号'  placeholder="请输入接警编号"/></span>

    </div>
</form>
    <div><a href="javascript:;" id="btn_query" class="btn simple no-border">查 询</a></div>

    <div id="result" style="visibility: hidden">

        <div>

            <span style=" font-size:14px;">接警编号：</span>

            <span id="jjbh" style=" font-size:14px;"></span>

        </div>

        <div>

            <span style=" font-size:14px;">报警时间：</span>

            <span id="bjsj" style=" font-size:14px;"></span>

        </div>

        <div>

            <span style=" font-size:14px;">办案单位：</span>

            <span id="badwmc" style=" font-size:14px;"></span>

        </div>

        <div>

            <span style=" font-size:14px;">案件办理状态：</span>

            <span id="ajzt" style=" font-size:14px;"></span>

        </div>

        <div>

            <span style=" font-size:14px;">说明：</span>

            <span id="xgts" style=" font-size:14px;"></span>

        </div>

    </div>

<div style="width:94%; float:left; margin-left:3%; line-height:25px; font-family:'微软雅黑'; font-size:14px; color:#ff0000; bottom:10px;">提示说明：您可以通过涉案人员的身份证号和公安部门提供的接警编号，来查看案件的相关情况。</div>

</div>

<script type="text/javascript" src="/szgawx/static/plugins/js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="/szgawx/static/plugins/js/common.js"></script>

<script type="text/javascript">

var _preFix = getServerPreFix();
var theRequest = GetRequest();
    $(function () {

        $("#btn_query").click(function (event) {
            var caseId = $("#txt_case").val().trim();

            var pendingId = $("#police_case").val().trim();

            if (caseId == null || caseId == "") {

                toast("请输入身份证号", 1500);

                return;

            }

            if (pendingId == null || pendingId == "") {

                toast("请输入接警编号", 1500);

                return;

            }
          		
            validate();
	
            $.ajax({

                url: _preFix+"/szgawx/api/query/caseinfo?source="+theRequest['source']+"&openId="+theRequest['openId'],

                type: "post",
                
                dataType : "json",

                data: {"idCard": caseId, "pendingId": pendingId},

                timeout: 6000,

                beforeSend: function () {

                    loading();

                },

                success: function (data) {

                    if (data && data.succ&&data.data&&data.data[0]) {

                        $("#jjbh").html(data.data[0].JJBH);

                        $("#bjsj").html(data.data[0].BJSJ);

                        $("#badwmc").html(data.data[0].BADWMC);

                        $("#ajzt").html(data.data[0].AJZT);

                        $("#xgts").html(data.data[0].SM);

                        $("#result").css("visibility","visible");

                        finish();

                    } else {

                        finish("没有查询到相应的数据");

                    }

                },

                error: function () {

                    finish("查询失败");
                    window.location.href = _preFix + "/szgawx/oauth/oauth?state="+_preFix+"/szgawx/api/query/2";
                }

            });

            event.stopPropagation();

            return false;

        });

    });

	function validate()
	{
		  
        if(validator(E("a"))){
        	return;
        }
	}

</script>

<!-- <div style="width:94%; float:left; margin-left:3%; line-height:25px; font-family:'微软雅黑'; font-size:14px; color:#ff0000; position:absolute; bottom:10px;">提示说明：您可以通过涉案人员的身份证号和公安部门提供的接警编号，来查看案件的相关情况。</div> -->



</body>

</html>

